<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>商品销售统计</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
		<link rel="stylesheet" href="../../../css/common.css" media="all">
	</head>

	<body>
		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">商品销售统计</div>
						<!-- <div class="layui-card-header"> 
							<button class="layui-btn layui-btn-normal layui-btn-sm" data-type='add' id="add">添加</button>
							<button class="layui-btn layui-btn-danger layui-btn-sm" id="del">删除</button>
						</div> -->
						<div class="layui-tab layui-tab-brief" lay-filter="changetab">
							<ul class="layui-tab-title" id="view_ul">
								<li class="" onclick="location.href='goods_list.html'">按商品</li>
								<li class="layui-this">按服务站</li>
							</ul>
							<div class="layui-card-body">
								<!-- 搜索 -->
								<form class="layui-form search" id="form" onsubmit="return false" action="##">
									<!--<div class="layui-inline search_inline">
									<label class="layui-form-label">订单状态：</label>
									<div class="layui-input-inline">
										<select name="status" class="service_order" lay-filter='service_order'></select>
									</div>
								</div>-->
									<div class="layui-inline search_inline">
										<label class="layui-form-label">下单时间：</label>
										<div class="layui-input-inline">
											<input class="layui-input" style="width: 300px;" id="choosetime"
												placeholder="下单时间" autocomplete="off">
											<input class="layui-input" type="text" name="s_dates" placeholder=""
												autocomplete="off" style="display: none;">
											<input class="layui-input" type="text" name="e_dates" placeholder=""
												autocomplete="off" style="display: none;">
										</div>
									</div>
									<div class="layui-inline search_inline">
										<label class="layui-form-label">订单状态：</label>
										<div class="layui-input-inline">
											<select name="status">
												<option value="30" selected>待发货</option>
												<option value="50">已发货</option>
											</select>
										</div>
									</div>
									<div class="layui-inline search_inline">
										<label class="layui-form-label">商品：</label>
										<div class="layui-input-inline">
											<input class="layui-input" lay-verify="" name="skuname" placeholder="商品名称"
												autocomplete="off">
										</div>
									</div>

									<div class="layui-inline search_inline">
										<label class="layui-form-label">服务站：</label>
										<div class="layui-input-inline">
											<input class="layui-input" lay-verify="" name="station" placeholder="手机号/姓名"
												autocomplete="off">
										</div>
									</div>
									<button class="layui-btn search_inline" lay-submit="" lay-filter="search"
										data-type="reload">搜索</button>
									<button class="layui-btn layui-btn-primary search_inline" type="reset">重置</button>
								</form>
								<!-- 搜索 -->

								<table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate">
								</table>

								<script type="text/html" id="zizeng">
								{{d.LAY_TABLE_INDEX+1}}
								</script>
								<script type="text/html" id="test-table-operate-barDemo">
								</script>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>

		<script src="../../../layuiadmin/layui/layui.js"></script>
		<script src="../../../js/jquery.min.js"></script>
		<script src="../../../js/common.js"></script>
		<script>
			layui.config({
				base: '../../../layuiadmin/' //静态资源所在路径
			}).extend({
				index: 'lib/index' //主入口模块
			}).use(['index', 'table', 'form', 'laydate', 'element', 'laytpl'], function() {
				var table = layui.table,
					laydate = layui.laydate,
					$ = layui.$,
					form = layui.form,
					laytpl = layui.laytpl,
					element = layui.element,
					admin = layui.admin;
				var ttype = 1;
				var _data = {
					status: '',
					orderid: '',
					keyword: '',
				}

				//service_order_show('option');
				//initdata();

				function initdata() {
					let url = server.shop_station_orders_goods_sales2
					//if (ttype==2)url=server.shop_station_orders_goods_sales2
					table.render({
						elem: '#test-table-operate',
						url: url,
						toolbar: true,
						height: 'full-155',
						cellMinWidth: cellMinWidth,
						limit: limit,
						limits: limits,
						cols: [
							[{
									width: 50,
									field: 'zizeng',
									title: '#',
									fixed: 'left',
									templet: '#zizeng'
								}, {
									type: 'checkbox',
									fixed: 'left'
								}, {
									field: 'dates',
									width: 120,
									title: '日期',
									// templet:function(d){
									// 	return '<a class="text_blue_color" lay-event="orderdetail">'+d.skuid+'</a>'
									// }
								}, {
									field: 'community_name',
									width: 300,
									title: '服务站',
									templet: function(d) {
										return '<a class="text_blue_color" lay-href="views/shop_manage/order/goods_list3.html?station_id=' +
											d.station_id + '&dates=' + d.dates + '">' + d
											.community_name + '</a>'
									}
								}, {
									field: 'mobile',
									width: 120,
									title: '手机',
								}, {
									field: 'skuid',
									width: 90,
									title: '商品编号',
									// templet:function(d){
									// 	return '<a class="text_blue_color" lay-event="orderdetail">'+d.skuid+'</a>'
									// }
								},
								// {
								// 	field: 'status',
								// 	width: 90,
								// 	title: '订单状态',
								// 	templet: function(d) {
								// 		console.log(d.status)
								// 		if(d.type == 0 ){
								// 			return  String(d.status)&& d.status!=undefined ? order_status_show(1, d.status):''
								// 		}else{
								// 			return  String(d.status)&& d.status!=undefined ? service_order_show(1, d.status):''
								// 		}


								// 	}
								// },
								/*{
									field: 'type',
									width: 90,
									title: '订单类型', 
								},*/

								{
									field: 'skuname',
									width: 300,
									title: '商品名称',
									templet: function(d) {
										return '<a class="text_blue_color" lay-href="views/shop_manage/order/goods_detail_list.html?skuid=' +
											d.skuid + '&station_id=' + d.station_id + '&dates=' + d
											.dates + '">' + d.skuname + '</a>'
									}
								}, {
									field: 'specparam',
									width: 200,
									title: '商品规格',

								}, {
									field: 'ordernum',
									width: 100,
									title: '订单数',
									sort: true
								},
								{
									field: 'quantity',
									width: 100,
									title: '销售量',
									sort: true
								}
							]
						],
						page: true,
						where: _data,
						request: {
							pageName: 'page',
							limitName: 'size' //每页数据量的参数名，默认：limit
						},
						parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
							return {
								"code": res.code, //解析接口状态
								"msg": res.msg, //解析提示文本
								"count": res.goods_sales.pager.total, //解析数据长度
								"data": res.goods_sales.data //解析数据列表
							};
						}
					});
				}
				_data.s_dates = getNextDate(-1) + ' 00:00:00';
				_data.e_dates = getNextDate(0) + ' 23:59:59';
				$('input[name=s_dates]').val(_data.s_dates);
				$('input[name=e_dates]').val(_data.e_dates);
				laydate.render({
					elem: '#choosetime',
					type: 'datetime',
					range: true,
					value: _data.s_dates + ' - ' + _data.e_dates,
					done: function(value, date) {
						$('input[name=s_dates]').val(value.split(' - ')[0]);
						$('input[name=e_dates]').val(value.split(' - ')[1]);
					}
				});

				initdata();

				//监听搜索
				// form.verify({
				// 	memberid: function(value, item) { //value：表单的值、item：表单的DOM对象
				// 		if(!value) {
				// 			return '姓名不能为空';
				// 		}
				// 	}
				// });
				element.on('tab(changetab)', function(elem) {
					// let type = this.getAttribute('lay-id');
					// if(type==1){
					// 	ttype = 1
					// }else if(type==2){
					// 	ttype = 2
					// }
					// _data.status = status;
					// initdata();
					location.href = 'goods_list.html?ttype='
				});

				form.on('select(service_order)', function(data) {
					//_data.status = data.value;
					initdata();
				});

				//监听搜索
				form.on('submit(search)', function(data) {

					_data.status = data.field.status
					_data.skuname = data.field.skuname
					_data.leader = data.field.leader
					_data.station = data.field.station
					_data.s_dates = data.field.s_dates
					_data.e_dates = data.field.e_dates
					initdata();
					return false;
				});

				$("button[type=reset]").on("click", function() {
					_data = {}
					$('input[name=s_dates]').val('')
					$('input[name=e_dates]').val('')
					initdata();
					document.getElementById("form").reset();
				});

				//监听表格复选框选择
				table.on('checkbox(test-table-operate)', function(obj) {
					console.log(obj)
				});

				//监听工具条
				table.on('tool(test-table-operate)', function(obj) {
					var data = obj.data;

					var content = '../service_order/model/order_details.html?orderid=' + data.orderid
					if (data.type == 0) {
						content = '../model/order_details.html?orderid=' + data.orderid
					}


					if (obj.event === 'orderdetail') {
						layer.open({
							type: 2,
							title: '订单详情：' + data.orderid,
							shadeClose: false,
							shade: 0.5,
							area: ['90%', '90%'],
							content: content,
							end: function() {}
						});
					}
				});

				var $ = layui.$,
					active = {
						getCheckData: function() { //获取选中数据
							var checkStatus = table.checkStatus('test-table-operate'),
								data = checkStatus.data;
							layer.alert(JSON.stringify(data));
						},
						getCheckLength: function() { //获取选中数目
							var checkStatus = table.checkStatus('test-table-operate'),
								data = checkStatus.data;
							layer.msg('选中了：' + data.length + ' 个');
						},
						isAll: function() { //验证是否全选
							var checkStatus = table.checkStatus('test-table-operate');
							layer.msg(checkStatus.isAll ? '全选' : '未全选')
						}
					};

				$('.test-table-operate-btn .layui-btn').on('click', function() {
					var type = $(this).data('type');
					active[type] ? active[type].call(this) : '';
				});
				//删除
				$('#del').on('click', function() {
					var checkStatus = table.checkStatus('test-table-operate'),
						data = JSON.stringify(checkStatus.data);
					var id = "";
					for (var i = 0; i < checkStatus.data.length; i++) {
						id += checkStatus.data[i].id;
						if (i != checkStatus.data.length - 1) {
							id += ",";
						}
					}
					var lock = false
					layer.confirm('确定要删除所选的' + checkStatus.data.length + '条数据？', function() {
						if (!lock) {
							lock = true
							$.ajax({
								url: server.site_feedback_delete,
								type: 'post',
								dataType: 'json',
								data: "id=" + id,
								success: function(data) {
									if (data.code == '0') {
										layer.msg('删除成功');
										initdata()
									} else {
										layer.msg('删除失败');
									}
								},
								'error': function() {
									layer.msg('系统错误');
								}
							})
						}

					});
				});
			});

			function getNextDate(day) {
				var dd = new Date();
				dd.setDate(dd.getDate() + day);
				var y = dd.getFullYear();
				var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
				var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
				return y + "-" + m + "-" + d;
			};
		</script>
	</body>

</html>
